﻿<Canvas xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Name ="componentCanvas"
        >

  <Canvas.Resources>

    <!-- // -->
    <Storyboard x:Name="showControl">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="haze" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="0.5"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="control" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="timeControl">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="haze" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.5"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.5"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="control" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="hideControl">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="haze" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.5"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="control" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2500000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="volumePressed">
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="speaker" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FFFF0000"/>
        <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#FF000000"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound1" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FFFF0000"/>
        <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#FF000000"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound2" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FFFF0000"/>
        <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#FF000000"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound3" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FFFF0000"/>
        <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#FF000000"/>
      </ColorAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="millisecond" Duration="00:00:00.001"/>

  </Canvas.Resources>

  <!-- // -->
  <TextBlock x:Name="headline" Visibility="Collapsed"/>

  <!-- // -->
  <Canvas x:Name="screen">

    <!-- // -->
   
    <TextBlock x:Name="text" TextWrapping="Wrap" Visibility="Collapsed">
	  </TextBlock>
    

    <!-- // -->
    <Image x:Name="picture" Stretch="Fill" Visibility="Collapsed"/>

    <!-- // -->
    <MediaElement x:Name="media" Stretch="Fill" AutoPlay="False" Visibility="Collapsed"/>

    <!-- // -->
    <Rectangle x:Name="haze" Fill="White" Opacity="0"/>

    <!-- // -->
    <Canvas x:Name="control" Background="Transparent" Opacity="0">

      <!-- // -->
      <Canvas x:Name="sizeFull" Width="20" Height="20" Background="Transparent" Visibility="Collapsed">
        <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 14.728516,15.520508 L 0.500000,15.520508 L 0.500000,0.500000 L 14.728516,0.500000 L 14.728516,15.520508 Z">
          <Path.Fill>
            <RadialGradientBrush MappingMode="Absolute" GradientOrigin="344.529297,283.390625" Center="344.529297,283.390625" RadiusX="17.350855" RadiusY="17.350855">
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.790459,0.000000,0.000000,-0.834454,-266.712799,240.995834" />
              </RadialGradientBrush.Transform>
              <GradientStop Offset="0.000000" Color="#ffffffff"/>
              <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
              <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
              <GradientStop Offset="0.646067" Color="#ff474e9a"/>
              <GradientStop Offset="0.826923" Color="#ff9a4597"/>
              <GradientStop Offset="0.994382" Color="#ffed3c94"/>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 20.500000,20.500000 L 10.273438,20.500000 L 10.273438,9.705078 L 20.500000,9.705078 L 20.500000,20.500000 Z">
          <Path.Fill>
            <RadialGradientBrush MappingMode="Absolute" GradientOrigin="355.071289,273.712891" Center="355.071289,273.712891" RadiusX="12.470489" RadiusY="12.470489">
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.790459,0.000000,0.000000,-0.834454,-266.712799,240.995834" />
              </RadialGradientBrush.Transform>
              <GradientStop Offset="0.000000" Color="#ffffffff"/>
              <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
              <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
              <GradientStop Offset="0.646067" Color="#ff474e9a"/>
              <GradientStop Offset="0.826923" Color="#ff9a4597"/>
              <GradientStop Offset="0.994382" Color="#ffed3c94"/>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
      </Canvas>

      <!-- // -->
      <Canvas x:Name="sizeStandard" Width="20" Height="20" Background="Transparent" Visibility="Collapsed">
        <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 20.500000,20.500000 L 10.273438,20.500000 L 10.273438,9.705078 L 20.500000,9.705078 L 20.500000,20.500000 Z">
          <Path.Fill>
            <RadialGradientBrush MappingMode="Absolute" GradientOrigin="355.234375,274.697266" Center="355.234375,274.697266" RadiusX="12.470489" RadiusY="12.470489">
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.790459,0.000000,0.000000,-0.834454,-266.841705,241.819077" />
              </RadialGradientBrush.Transform>
              <GradientStop Offset="0.000000" Color="#ffffffff"/>
              <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
              <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
              <GradientStop Offset="0.646067" Color="#ff474e9a"/>
              <GradientStop Offset="0.826923" Color="#ff9a4597"/>
              <GradientStop Offset="0.994382" Color="#ffed3c94"/>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
        <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 14.728516,15.520508 L 0.500000,15.520508 L 0.500000,0.500000 L 14.728516,0.500000 L 14.728516,15.520508 Z">
          <Path.Fill>
            <RadialGradientBrush MappingMode="Absolute" GradientOrigin="344.692383,284.376953" Center="344.692383,284.376953" RadiusX="17.350855" RadiusY="17.350855">
              <RadialGradientBrush.Transform>
                <MatrixTransform Matrix="0.790459,0.000000,0.000000,-0.834454,-266.841705,241.819077" />
              </RadialGradientBrush.Transform>
              <GradientStop Offset="0.000000" Color="#ffffffff"/>
              <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
              <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
              <GradientStop Offset="0.646067" Color="#ff474e9a"/>
              <GradientStop Offset="0.826923" Color="#ff9a4597"/>
              <GradientStop Offset="0.994382" Color="#ffed3c94"/>
            </RadialGradientBrush>
          </Path.Fill>
        </Path>
      </Canvas>

		  <!-- // -->
		  <Canvas x:Name="play" Width="20" Height="20" Background="Transparent" Visibility="Collapsed">
			  <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 0.500000,-0.204590 L 0.500000,19.795410 L 20.500000,9.795410 L 0.500000,-0.204590 Z">
				  <Path.Fill>
					  <RadialGradientBrush MappingMode="Absolute" GradientOrigin="29.515137,250.732422" Center="29.515137,250.732422" RadiusX="69.404053" RadiusY="69.404053">
						  <RadialGradientBrush.Transform>
							  <MatrixTransform Matrix="0.277778,0.000000,0.000000,-0.277778,-0.500214,74.795303" />
						  </RadialGradientBrush.Transform>
						  <GradientStop Offset="0.000000" Color="#ffffffff"/>
						  <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
						  <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
						  <GradientStop Offset="0.646067" Color="#ff474e9a"/>
						  <GradientStop Offset="0.826923" Color="#ff9a4597"/>
						  <GradientStop Offset="0.994382" Color="#ffed3c94"/>
					  </RadialGradientBrush>
				  </Path.Fill>
			  </Path>
		  </Canvas>

		  <!-- // -->
		  <Canvas x:Name="pause" Width="20" Height="20" Background="Transparent" Visibility="Collapsed">
			  <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 6.181641,20.500000 L 0.500000,20.500000 L 0.500000,0.500000 L 6.181641,0.500000 L 6.181641,20.500000 Z">
				  <Path.Fill>
					  <RadialGradientBrush MappingMode="Absolute" GradientOrigin="273.309082,244.166016" Center="273.309082,244.166016" RadiusX="26.745792" RadiusY="26.745792">
						  <RadialGradientBrush.Transform>
							  <MatrixTransform Matrix="0.631242,0.000000,0.000000,-0.555556,-169.979004,141.499786" />
						  </RadialGradientBrush.Transform>
						  <GradientStop Offset="0.000000" Color="#ffffffff"/>
						  <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
						  <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
						  <GradientStop Offset="0.646067" Color="#ff474e9a"/>
						  <GradientStop Offset="0.826923" Color="#ff9a4597"/>
						  <GradientStop Offset="0.994382" Color="#ffed3c94"/>
					  </RadialGradientBrush>
				  </Path.Fill>
			  </Path>
			  <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 15.413086,20.500000 L 9.732422,20.500000 L 9.732422,0.500000 L 15.413086,0.500000 L 15.413086,20.500000 Z">
				  <Path.Fill>
					  <RadialGradientBrush MappingMode="Absolute" GradientOrigin="287.934570,244.166016" Center="287.934570,244.166016" RadiusX="26.745584" RadiusY="26.745584">
						  <RadialGradientBrush.Transform>
							  <MatrixTransform Matrix="0.631242,0.000000,0.000000,-0.555556,-169.979004,141.499786" />
						  </RadialGradientBrush.Transform>
						  <GradientStop Offset="0.000000" Color="#ffffffff"/>
						  <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
						  <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
						  <GradientStop Offset="0.646067" Color="#ff474e9a"/>
						  <GradientStop Offset="0.826923" Color="#ff9a4597"/>
						  <GradientStop Offset="0.994382" Color="#ffed3c94"/>
					  </RadialGradientBrush>
				  </Path.Fill>
			  </Path>
		  </Canvas>

		  <!-- // -->
		  <Canvas x:Name="stop" Width="20" Height="20" Background="Transparent" Visibility="Collapsed">
			  <Path StrokeThickness="1.000000" Stroke="#ff000000" StrokeMiterLimit="1.000000" Data="F1 M 20.500000,20.500000 L 0.500000,20.500000 L 0.500000,0.500000 L 20.500000,0.500000 L 20.500000,20.500000 Z">
				  <Path.Fill>
					  <RadialGradientBrush MappingMode="Absolute" GradientOrigin="-131.017578,1236.484375" Center="-131.017578,1236.484375" RadiusX="192.790024" RadiusY="192.790024">
						  <RadialGradientBrush.Transform>
							  <MatrixTransform Matrix="0.100000,0.000000,0.000000,-0.100000,20.799713,129.499908" />
						  </RadialGradientBrush.Transform>
						  <GradientStop Offset="0.000000" Color="#ffffffff"/>
						  <GradientStop Offset="0.097378" Color="#ffbed5e4"/>
						  <GradientStop Offset="0.292135" Color="#ff7dabc9"/>
						  <GradientStop Offset="0.646067" Color="#ff474e9a"/>
						  <GradientStop Offset="0.826923" Color="#ff9a4597"/>
						  <GradientStop Offset="0.994382" Color="#ffed3c94"/>
					  </RadialGradientBrush>
				  </Path.Fill>
			  </Path>
		  </Canvas>
    </Canvas>
  </Canvas>
  
  <!-- // -->
  <TextBlock x:Name="caption" TextWrapping="Wrap" FontFamily="Arial" FontStyle="Italic" FontSize="10" Visibility="Collapsed"/>

  <!-- // -->
  <Canvas x:Name="volume" Width="60" Height="60" Visibility="Collapsed">
    <Path Fill="#FFEA82" Data="F1 M 47.204590,5.297363 C 42.490723,12.075195 37.444824,18.844727 32.552246,25.568848 C 31.883301,26.487793 31.343262,27.472656 30.516602,28.217285 C 30.584961,18.845703 30.381348,9.201660 30.618652,0.000000 C 37.819824,0.091797 42.761230,2.444824 47.204590,5.297363 Z" x:Name="volume1"/>
    <Path Fill="#FEEE00" Data="F1 M 48.018066,6.010254 C 52.741699,9.498047 56.304199,14.150391 58.395996,20.271484 C 49.404785,23.085449 40.543457,26.031250 31.636230,28.930176 C 31.235840,28.852051 31.832520,28.477051 31.940918,28.318848 C 36.343262,21.968750 41.206543,15.454590 45.778809,9.066406 C 46.528809,8.020020 47.388184,7.142090 48.018066,6.010254 Z" x:Name="volume2"/>
    <Path Fill="#FFE100" Data="F1 M 58.701660,21.290527 C 60.496582,26.036621 60.335449,33.806152 58.804199,38.709473 C 49.649902,35.956543 40.863770,32.832520 31.737793,30.051270 C 40.577637,27.048828 49.933105,24.021484 58.701660,21.290527 Z" x:Name="volume3"/>
    <Path Fill="#FDB813" Data="F1 M 58.395996,39.728027 C 56.312012,45.824707 52.698730,50.391113 48.119629,53.989746 C 42.532715,46.374512 37.020996,38.684082 31.433105,31.069824 C 40.236816,33.732910 49.407715,36.910645 58.395996,39.728027 Z" x:Name="volume4"/>
    <Path Fill="#F7931D" Data="F1 M 47.204590,54.702637 C 42.709473,57.537598 37.730957,59.887207 30.516602,59.999512 C 30.516602,50.525879 30.516602,41.052246 30.516602,31.578613 C 36.071777,39.294434 41.776855,46.859863 47.204590,54.702637 Z" x:Name="volume5"/>
    <Path Fill="#FF2183C5" Data="F1 M 29.397461,31.681152 C 29.635742,40.917480 29.432129,50.594238 29.499512,59.999512 C 22.296387,59.843262 17.199707,57.577637 12.812012,54.601074 C 18.303711,46.923340 23.916504,39.367676 29.397461,31.681152 Z" x:Name="volume6"/>
    <Path Fill="#FF2183C5" Data="F1 M 28.481934,30.968262 C 28.568359,30.948730 28.578613,31.007324 28.583496,31.069824 C 23.071777,38.726074 17.464355,46.286621 11.998047,53.989746 C 7.299316,50.511230 3.829590,45.802246 1.619629,39.830566 C 10.448730,36.749512 19.645020,34.037598 28.481934,30.968262 Z" x:Name="volume7"/>
    <Path Fill="#FF2183C5" Data="F1 M 1.416016,21.290527 C 10.445801,24.101074 19.286621,27.101074 28.278320,29.948730 C 19.358887,32.937012 10.369141,35.854980 1.314453,38.709473 C 0.173828,35.212402 -0.385742,30.046387 0.296875,25.466797 C 0.508789,24.049805 0.815918,22.491211 1.212891,21.494141 C 1.234863,21.438965 1.312500,21.108887 1.416016,21.290527 Z" x:Name="volume8"/>
    <Path Fill="#FF2183C5" Data="F1 M 20.341797,17.521484 C 23.131836,21.339355 25.938965,25.146973 28.481934,28.930176 C 19.501465,26.070801 10.665527,23.065918 1.619629,20.271484 C 3.715820,14.186035 7.307617,9.599121 11.896484,6.010254 C 11.982910,5.990723 11.993164,6.049805 11.998047,6.111816 C 14.775879,9.853516 17.554688,13.706543 20.341797,17.521484 Z" x:Name="volume9"/>
    <Path Fill="#FF2183C5" Data="F1 M 29.499512,0.000000 C 29.499512,9.371582 29.499512,18.743652 29.499512,28.115723 C 29.384277,28.507324 29.137207,27.895508 28.990723,27.708008 C 26.356445,24.315918 23.765625,20.480469 21.155762,16.910156 C 18.333008,13.046387 15.480957,9.112305 12.812012,5.297363 C 17.293457,2.448730 22.241699,0.068359 29.499512,0.000000 Z" x:Name="volume10"/>
    <Path Opacity="0.5" Width="47.946" Height="19.849" Fill="#FF000000" Stretch="Fill" StrokeMiterLimit="1.000000" StrokeThickness="1.000000" Data="F1 M24.000001,-7.1054274E-15 C33.760827,-7.1054274E-15 41.888525,6.9922876 43.621565,16.246 L38.830007,16.246 C37.202016,9.5784006 31.176202,4.6529999 24.000001,4.6529999 16.8238,4.6529999 10.797986,9.5784011 9.1699957,16.246 L4.3784353,16.246 C6.1114767,6.9922876 14.239171,-7.1054274E-15 24.000001,-7.1054274E-15 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="5.97" Canvas.Top="5.742">
      <Path.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Path.RenderTransform>
    </Path>
    <Path Opacity="0.5" Width="47.913" Height="19.685" Fill="#FF000000" Stretch="Fill" StrokeMiterLimit="1.000000" StrokeThickness="1.000000" Data="F1 M4.3919436,23.888 L9.2115921,23.888 C10.88042,30.488706 16.872853,35.347 24.000001,35.347 31.127149,35.347 37.119581,30.488706 38.788408,23.888 L43.608057,23.888 C41.811174,33.074066 33.714406,40 24.000001,40 14.285594,40 6.1888258,33.074066 4.3919436,23.888 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="5.97" Canvas.Top="35.122">
      <Path.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Path.RenderTransform>
    </Path>
    <Path Opacity="1" Width="8.076" Height="3.25" Fill="#FFFF0000" Stretch="Fill" Data="M320,320 L339.75,280 360,320 z" Canvas.Left="26.112" Canvas.Top="6.77"/>
    <Path Width="8.076" Height="3.25" Fill="#FFFF0000" Stretch="Fill" Data="M320,320 L339.75,280 360,320 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="25.862" Canvas.Top="50.52">
      <Path.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="-179.665"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Path.RenderTransform>
    </Path>

    <!-- // -->
    <Canvas x:Name="volumePlus" Width="60" Height="22.047" Background="Transparent"/>

    <!-- // -->
    <Canvas x:Name="volumeMinus" Width="60" Height="22.047" Canvas.Top="37.953" Background="Transparent"/>

    <!-- // -->
    <Canvas x:Name="mute" Width="15.868" Height="15.277" Canvas.Left="22.07" Canvas.Top="22.422" Background="Transparent">
      <Path x:Name="speaker" Fill="#FF000000" Data=" M 7.414063,0.000000 C 7.748535,4.811523 7.493652,10.211914 7.573242,15.277344 C 7.028809,15.279297 6.729004,14.671875 6.379883,14.322266 C 5.306641,13.249023 4.158203,11.994141 2.958496,10.980469 C 1.977051,10.980469 0.995605,10.980469 0.014160,10.980469 C 0.078125,8.816406 -0.137207,6.373047 0.173340,4.456055 C 1.187012,4.183594 2.032227,4.651367 2.878906,4.456055 C 3.726074,4.260742 4.437988,3.070313 5.106934,2.386719 C 6.054688,1.418945 6.801758,0.747070 7.414063,0.000000 Z"/>
      <Path x:Name="sound1" StrokeThickness="1.000000" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1.000000" Data=" M 10.000977,1.949219 C 16.183594,4.104492 16.133789,11.107422 9.989258,13.225586" Canvas.Left="0.75"/>
      <Path x:Name="sound2" StrokeThickness="1.000000" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1.000000" Data=" M 9.364258,11.895508 C 13.980469,10.185547 14.161133,4.927734 9.364258,3.063477" Canvas.Left="0.75"/>
      <Path x:Name="sound3" StrokeThickness="1.000000" Stroke="#ff000000" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1.000000" Data=" M 8.170898,10.861328 C 11.676758,10.100586 11.612305,4.983398 8.170898,4.177734" Canvas.Left="0.75"/>
    </Canvas>

    <!-- // -->
    <MediaElement x:Name="volumeSound" Source="Resource/volumeSound.mp3" AutoPlay="False"/>
  </Canvas>

  <!-- // -->
  <Canvas x:Name="scrub" Height="60" Background="Transparent" Visibility="Collapsed">

    <!-- // -->
    <Rectangle Height="4" StrokeThickness="1" x:Name="scrubBar" Canvas.Top="28" RadiusX="3" RadiusY="3">
      <Rectangle.Fill>
        <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
          <RadialGradientBrush.RelativeTransform>
            <TransformGroup>
              <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
            </TransformGroup>
          </RadialGradientBrush.RelativeTransform>
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF124364" Offset="1"/>
        </RadialGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    <!-- // -->
    <Rectangle RenderTransformOrigin="0.5,0.5" x:Name="scrubRuler" Height="4" Canvas.Top="28" Stroke="#FF000000" StrokeThickness="1" Visibility="Collapsed">
      <Rectangle.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Rectangle.RenderTransform>
      <Rectangle.Fill>
        <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
          <RadialGradientBrush.RelativeTransform>
            <TransformGroup>
              <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
            </TransformGroup>
          </RadialGradientBrush.RelativeTransform>
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FFB11030" Offset="1"/>
        </RadialGradientBrush>
      </Rectangle.Fill>
    </Rectangle>

    <!-- // -->
    <Ellipse Width="10" Height="10" StrokeThickness="1" RenderTransformOrigin="0.5,0.5" x:Name="scrubStop" Canvas.Top="25">
      <Ellipse.Fill>
        <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
          <RadialGradientBrush.RelativeTransform>
            <TransformGroup>
              <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
            </TransformGroup>
          </RadialGradientBrush.RelativeTransform>
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF124364" Offset="1"/>
        </RadialGradientBrush>
      </Ellipse.Fill>
      <Ellipse.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="-1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Ellipse.RenderTransform>
    </Ellipse>
    <Ellipse RenderTransformOrigin="0.5,0.5" Width="10" Height="10" StrokeThickness="1" Canvas.Top="25">
      <Ellipse.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="-1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Ellipse.RenderTransform>
      <Ellipse.Fill>
        <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
          <RadialGradientBrush.RelativeTransform>
            <TransformGroup>
              <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
            </TransformGroup>
          </RadialGradientBrush.RelativeTransform>
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF124364" Offset="1"/>
        </RadialGradientBrush>
      </Ellipse.Fill>
    </Ellipse>

    <!-- // -->
    <Ellipse RenderTransformOrigin="0.5,0.5" Width="15" Height="15" StrokeThickness="1" x:Name="scrubber" Opacity="0.75" Canvas.Left="10" Canvas.Top="22.5">
      <Ellipse.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="-1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Ellipse.RenderTransform>
      <Ellipse.Fill>
        <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
          <RadialGradientBrush.RelativeTransform>
            <TransformGroup>
              <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
            </TransformGroup>
          </RadialGradientBrush.RelativeTransform>
          <GradientStop Color="#FFFFFFFF" Offset="0"/>
          <GradientStop Color="#FF2183C5" Offset="1"/>
        </RadialGradientBrush>
      </Ellipse.Fill>
    </Ellipse>

    <!-- // -->
    <TextBlock x:Name="scrubTime" Text="0:00 / 0:00" FontFamily="Arial" FontSize="10"/>
  </Canvas>

  <!-- // -->
  <Canvas x:Name="button" Width="40" Height="20" Background="#000000" Visibility="Collapsed">

    <!-- // -->
    <TextBlock x:Name="buttonText" Canvas.Top="2.316" TextWrapping="Wrap" FontSize="10" Foreground="#FFFFFF"/>
  </Canvas>


  <!-- // -->
  <TextBlock x:Name="footline" Visibility="Collapsed"/>

</Canvas>